<!DOCTYPE html>
<html>
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>MessageCollectSystem</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="Share Bits Dream">
        <meta name="author" content="Share Bits Team">
        
        <!-- Load the web icon -->
        <link rel="SHORTCUT ICON" href="files/img/favicon.ico">
        
        <!-- Bootstrap -->
        <link href="include/css/style/main.css" rel="stylesheet">
        <link href="include/css/style/ztree.css" rel="stylesheet">
        <link href="../../include/css/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">  
        <link href="../../include/css/bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">    
		<link rel="stylesheet" href="include/css/style/jquery/style/zTreeStyle/zTreeStyle.css" type="text/css">
		<style type="text/css"> </style>
	</head>
    
    <body>
	
			<div class="fixed_div">
            	<div class="well sidebar-nav">
                	<ul class="nav nav-list">
                        <li class="nav-header">Collect Tree</li>
                    </ul>
                    <ul id="treeDemo" class="ztree"></ul>
                    <ul class="nav nav-list">
                        <li class="nav-header">Sidebar</li>
                        <!-- Become tree-->
                        <!--	active	-->
                        <!--<li class="active"><a href="#">Link</a></li>-->
                        <!--	active	-->
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link</a></li>
                        <!--	Over	-->
                    </ul>
                   </div>
            	</div><!--/.well -->
				<div class="fixed_div_r">
					<div class="span3">
						<div class="row">
							<!--	<<<<<<<<<	Up	<<<<<<<<<	-->
							<!--	><><><><>	LoginBox	><><><><>	-->
							<!--When who login,the div show,login out,the div hide.-->
							<div>
								<form class="form-signin">
									<h3 class="form-signin-heading">Sign in</h2>
									<input type="text" class="input-block-level" placeholder="Email address">
									<input type="password" class="input-block-level" placeholder="Password">
									<label class="checkbox">
										<input type="checkbox" value="remember-me"> Remember me
									</label>
									<button class="btn btn-normal btn-primary" type="submit">Sign in</button>
									<button class="btn btn-normal btn-primary" type="submit">Register</button><br />
									<a href="#">Forget the password?</a>
								</form>
							</div> <!-- Login Box -->
							<!--	><><><><>	LoginBox	><><><><>	-->
								
							<div class="well sidebar-nav">
								<ul class="nav nav-list">
									<li class="nav-header">Sidebar</li>
									<!--	active	-->
									<!--<li class="active"><a href="#">Link</a></li>-->
									<!--	active	-->
									<li><a href="#">Link</a></li>
									<li><a href="#">Link</a></li>
									<li><a href="#">Link</a></li>
								</ul>
							</div><!--/.well -->
							
							<!--	<<<<<<<<<	Down	<<<<<<<<<	-->
							<div class="well sidebar-nav">
								<ul class="nav nav-list">
									<li class="nav-header">Sidebar</li>
									<!--	active	-->
									<!--<li class="active"><a href="#">Link</a></li>-->
									<!--	active	-->
									<li><a href="#">Link</a></li>
									<li><a href="#">Link</a></li>
									<li><a href="#">Link</a></li>
								</ul>
							</div><!--/.well -->
						</div>
				</div><!--/span-->
		 </div>
	<div class="virtual_body"><span style="position:relative;left:20%;">
		
		
		<div id="rMenu">
			<ul class="ztree">
				<li class="point" id="m_add" onClick="addTreeNode();">增加节点</li>
				<li class="point" id="m_del" onClick="removeTreeNode();">删除节点</li>
				<li class="point" id="m_del" onClick="modifyTreeNode();">修改节点</li>
				<li class="point" id="m_reset" onClick="resetTree();">恢复zTree</li>
			</ul>
		</div>
		<div class="popbox" style="display:none" id="modifyBox">
			<div class="title"><h1>修改信息</h1><a class="close" href="#">关闭</a></div>
			<div class="popbox-cn">名称：<input type="text" name="name" size="20" id="thenodeName"></div>
			<div class="smt">
			<button type="button" id="submit">提交</button><button class="canle" type="button">取消</button></div>
		</div>
		<div style='position:relative;left:30%;top:30%;width:30px;height:30px;cursor:pointer;z-index: 10;' id="panel2"><img src="files/img/fly.jpg"width="30px"height="30px"/></div>
    
		<!--/.navbar_first -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container-fluid">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					</a>
					<a class="brand" href="#">Message Collect</a>
					<div class="nav-collapse collapse">
						<!--	>>>>>>>>	Login in Box	>>>>>>>>	-->
						<p class="navbar-text pull-right">
						  Logged in as <a href="page/sign.html" class="navbar-link">Username</a>
						</p>
						<!--	>>>>>>>>	Login in Box	>>>>>>>>	-->
						
						<!--	>>>>>>>>	Guide Box	>>>>>>>>	-->
						<ul class="nav">
						  <li class="active"><a href="#">Home</a></li>
						  <li><a href="#about">About</a></li>
						  <li><a href="#contact">Contact</a></li>
						</ul>
						<!--	>>>>>>>>	Guide Box	>>>>>>>>	-->
					</div><!--/.nav-collapse -->  
				</div>
			</div>
		</div>
		<div class="container-fluid">
			<div class="row-fluid">
				<!--	>>>>>>>>>>>>>>	Begin	>>>>>>>>>>>>>>>>	-->
				<!--	>>>>>>>>>>>>>>	Left	>>>>>>>>>>>>>>>>	-->
				<div class="span1"></div>
				<div class="span2">
				
				
				<!--	>>>>>>>>>>>>>>	Center	>>>>>>>>>>>>>>>>	-->
				<div class="span7">
					<div class="hero-unit">
						<h1>Hello, world!</h1>
						<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
						<p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
					</div>
					
					<div class="row-fluid">
						<div class="span4">
							<h2>CrazyHuaer</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						</div><!--/span-->
						<div class="span4">
							<h2>Cris</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						</div><!--/span-->
						
						<div class="span4">
							<h2>wszx315</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						</div><!--/span-->
					</div><!--/row-->
				
					<div class="row-fluid">
						<div class="span4">
							<h2>another</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						</div><!--/span-->
						
						<div class="span4">
							<h2>Youjuan Li</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						</div><!--/span-->
						
						 <div class="span4">
							<h2>Heading</h2>
							<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
							<p><a class="btn" href="#">View details &raquo;</a></p>
						 </div><!--/span-->
					 </div><!--/row--></span>
			  </div><!--/span-->
			  <!--	>>>>>>>>>>>>>>	Right	>>>>>>>>>>>>>>>>	-->
			  
			  </div>
			  </div>
			
		  <hr>

			<footer>
				<p style="position:relative;left:-20%">&copy;Share Bits Dreams</p>
			</footer>
	</div><!--/.fluid-container-->
</div>

		<script type="text/javascript" src="../../include/js/jquery/jquery-1.6.min.js"></script>
		<script type="text/javascript" src="include/js/jquery/jquery.ztree.core-3.5.js"></script>
		<script type="text/javascript" src="../../include/js/jquery/jquery.BlockUI.min.2.39.js"></script>
		<script type="text/javascript" src="include/js/jquery/demo.js"></script>
		<script type="text/javascript" src="include/js/jquery/jquery-ztreedemo.js"></script>
		
        
    <!-- Load javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster 
    <script src="http://code.jquery.com/jquery-latest.js"></script>-->
    <!--
    <script src="include/js/bootstrap-transition.js"></script>
    <script src="include/js/bootstrap-alert.js"></script>
    <script src="include/js/bootstrap-modal.js"></script>
    <script src="include/js/bootstrap-dropdown.js"></script>
    <script src="include/js/bootstrap-scrollspy.js"></script>
    <script src="include/js/bootstrap-tab.js"></script>
    <script src="include/js/bootstrap-tooltip.js"></script>
    <script src="include/js/bootstrap-popover.js"></script>
    <script src="include/js/bootstrap-button.js"></script>
    <script src="include/js/bootstrap-collapse.js"></script>
    <script src="include/js/bootstrap-carousel.js"></script>
    <script src="include/js/bootstrap-typeahead.js"></script>
    -->
		<!--for zTree-->
    
    </body>
</html>